<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>微信绑定</title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css" />
<style>
	.mui-content{
		height: 100%;
		background-color: #fff;
	}
	.mui-btn-block{
		width: 47.5%;
		float: left;
	}
	.mui-btn-block:first-child{
		margin-right: 5%;
	}
</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">微信绑定</h1>
	</header>
	<div class="mui-content">
		<h1 class="bingdingWx">微信绑定</h1>
	    <ul class="mui-table-view">
            <li class="mui-table-view-cell">
          		已绑定帐号
          		<p class="mui-pull-right nickName">微信昵称</p>
            </li>
            <li class="mui-table-view-cell">
          		绑定时间
          		<p class="mui-pull-right">2017.01.01</p>
            </li>
        </ul>
        <div class="mui-content-padded">
        	<button type="button" class="mui-btn mui-btn-block mui-btn-primary">登录</button>
        	<button type="button" class="mui-btn mui-btn-block mui-btn-danger">解除绑定</button>
        </div>
        <div class="mui-content-padded">
			<p>解除绑定后，之前绑定的微信号将无法用作登录帐号。</p>
		</div>
	</div>

<script type="text/javascript" charset="utf-8">
  	mui.init();
</script>
</body>
</html>